<div id="dialog_info_login" title="{{ constant('Strings::LABEL_0154') }}">
    <p>
        <span class="ui-icon ui-icon-info" style="float:left;margin:0 7px 25px 0;"></span>
        {{ constant('Strings::MESSAGE_0043') }}
    </p>
</div>
<script type="text/javascript">

    $('#dialog_info_login').dialog({
        autoOpen: false, width: 600, modal: true, show: false,
        resizable: false, draggable: false, dialogClass: 'no-title-bar ui-state-highlight',
        buttons: {
            Ok: function () {
                $(this).dialog('close');
            }
        }
    });
</script>
<div id="login" class="td_blue_round">

    <img src="{{ [constant('PATH_IMG'), constant('Images::IMG_LOCK')]|join }}" style="float:left;"/>

    <div style="padding:1em;">

        <p>{{ constant('Strings::LABEL_0002') }}</p>
        <p>{{ constant('Strings::LABEL_0003') }}</p>

        <form action="{{ constant('PATH_WWW') }}" method="post">

            <p class="titre_2">                      
                <span>{{ constant('Strings::LABEL_0004') }}</span>
                <br />
                <input type="text" name="login" size="30" maxlength="30" autocomplete="{{ constant('AUTOCOMPLETE') }}" required="true" />
                {{ constant('Strings::LABEL_0005') }}
                <br /><br />
                <input type="password" name="pwd" size="30" maxlength="30" required="true" />
                {{ constant('Strings::LABEL_0006') }}
                <br /><br />
                <button type="submit" onclick="load_img();">
                    {{ constant('Strings::LABEL_0007') }}
                </button>
            </p>

        </form>

    </div>

    {% embed 'shared/misc.twig' %}
        {% block tip_content %}
            <a style="cursor:pointer;" onclick="javascript:$('#dialog_info_login').dialog('open');">
                {{ constant('Strings::LABEL_0008') }}
            </a>
        {% endblock %}
    {% endembed %}

</div> 